<template>
  <div class="company-style">
    <!-- 导航栏 start -->
    <van-nav-bar title="简历" fixed />
    <!-- 导航栏 end -->

    <!-- 筛选 start -->
    <van-sticky :offset-top="46">
      <van-dropdown-menu>
        <van-dropdown-item title="面试状态" :options="option1" />
        <van-dropdown-item title="评语状态" :options="option2" />
      </van-dropdown-menu>
    </van-sticky>
    <!-- 筛选 end -->

    <!-- 内容 -->
    <div class="content-top" style="margin-top: 46px; margin-bottom: 60px">
      <van-list class="my-resume-list">
        <van-swipe-cell class="item">
          <div class="show">
            <div class="person">
              <img src="@/assets/img/company/no-avatar-boy.png" alt="" />
              <p>
                <b>周建军</b>
                <span class="unread">未读</span>
              </p>
              <p>
                <span>男</span>
                <span>32岁</span>
                <span>职高/技校</span>
                <span>应届毕业生</span>
              </p>
            </div>
            <div class="apply">
              <span class="txt01">招聘专员（RPO专员）</span>
              <span>08-15</span>
            </div>
          </div>
          <template #right>
            <van-button square text="删除" type="danger" style="height: 100%" />
          </template>
        </van-swipe-cell>

        <van-swipe-cell class="item">
          <div class="show">
            <div class="person">
              <img src="@/assets/img/company/no-avatar-girl.png" alt="" />
              <p>
                <b>陈妍</b>
                <span class="unread">未读</span>
              </p>
              <p>
                <span>女</span>
                <span>26岁</span>
                <span>本科</span>
                <span>4年以上</span>
              </p>
            </div>
            <div class="apply">
              <span class="txt01">招聘专员（RPO专员）</span>
              <span>08-15</span>
            </div>
          </div>
          <template #right>
            <van-button square text="删除" type="danger" style="height: 100%" />
          </template>
        </van-swipe-cell>

        <van-swipe-cell class="item">
          <div class="show">
            <div class="person">
              <img src="@/assets/img/company/no-avatar-boy.png" alt="" />
              <p>
                <b>周建军</b>
                <span class="unread">未读</span>
              </p>
              <p>
                <span>男</span>
                <span>32岁</span>
                <span>职高/技校</span>
                <span>应届毕业生</span>
              </p>
            </div>
            <div class="apply">
              <span class="txt01">招聘专员（RPO专员）</span>
              <span>08-15</span>
            </div>
          </div>
          <template #right>
            <van-button square text="删除" type="danger" style="height: 100%" />
          </template>
        </van-swipe-cell>

        <van-swipe-cell class="item">
          <div class="show">
            <div class="person">
              <img src="@/assets/img/company/no-avatar-girl.png" alt="" />
              <p>
                <b>陈妍</b>
                <span>已读</span>
              </p>
              <p>
                <span>女</span>
                <span>26岁</span>
                <span>本科</span>
                <span>4年以上</span>
              </p>
            </div>
            <div class="apply">
              <span class="txt01">招聘专员（RPO专员）</span>
              <span>08-15</span>
            </div>
          </div>
          <template #right>
            <van-button square text="删除" type="danger" style="height: 100%" />
          </template>
        </van-swipe-cell>

        <van-swipe-cell class="item">
          <div class="show">
            <div class="person">
              <img src="@/assets/img/company/no-avatar-boy.png" alt="" />
              <p>
                <b>周建军</b>
                <span>已读</span>
              </p>
              <p>
                <span>男</span>
                <span>32岁</span>
                <span>职高/技校</span>
                <span>应届毕业生</span>
              </p>
            </div>
            <div class="apply">
              <span class="txt01">招聘专员（RPO专员）</span>
              <span>08-15</span>
            </div>
          </div>
          <template #right>
            <van-button square text="删除" type="danger" style="height: 100%" />
          </template>
        </van-swipe-cell>

        <van-swipe-cell class="item">
          <div class="show">
            <div class="person">
              <img src="@/assets/img/company/no-avatar-girl.png" alt="" />
              <p>
                <b>陈妍</b>
                <span>已读</span>
              </p>
              <p>
                <span>女</span>
                <span>26岁</span>
                <span>本科</span>
                <span>4年以上</span>
              </p>
            </div>
            <div class="apply">
              <span class="txt01">招聘专员（RPO专员）</span>
              <span>08-15</span>
            </div>
          </div>
          <template #right>
            <van-button square text="删除" type="danger" style="height: 100%" />
          </template>
        </van-swipe-cell>
      </van-list>
    </div>
  </div>
</template>

<script>
import {
  NavBar,
  Sticky,
  DropdownMenu,
  DropdownItem,
  List,
  Button,
  SwipeCell,
} from "vant";
export default {
  name: "LivePlay",
  components: {
    [NavBar.name]: NavBar,
    [Sticky.name]: Sticky,
    [DropdownMenu.name]: DropdownMenu,
    [DropdownItem.name]: DropdownItem,
    [List.name]: List,
    [Button.name]: Button,
    [SwipeCell.name]: SwipeCell,
  },
  // 定义属性
  data() {
    return {};
  },
  // 方法集合
  methods: {},
};
</script>